<script>
export default {
  props: {
    onEvent: Function,
  }
}
</script>

<template>
  <hr>
  <div>子元素</div>
  <!-- 子元素执行这个传递来的数据，由于传递来的是个函数，因此可以使用调用函数的方法调用这个函数 -->
  <!-- 相当于父元素内部执行了 dataFn 方法，进而更新 message 的内容 -->
  <p>{{ onEvent("传递数据") }}</p>
</template>

<style scoped>
</style>